<template>
    <div>
        <!--报表中心-->
        <!-- 左侧导航栏 -->
        <el-row>
            <el-col :span="4" class="left-nav">
                <el-menu
                        :default-active="dfActive"
                        class="el-menu-vertical-demo">
                    <el-submenu index="1">
                        <template slot="title">
                            <img src="../../assets/imgs/menu_icon_jigou_default.png" alt="">&nbsp;
                            <span>保险模块</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="1-1" @click="jumpTo(1)">售保单汇总报表</el-menu-item>
                            <el-menu-item index="1-2" @click="jumpTo(2)">售保单明细报表</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="2">
                        <template slot="title">
                            <img src="../../assets/imgs/menu_icon_jigou_default.png" alt="">&nbsp;
                            <span>财务模块</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="2-1" @click="jumpTo(3)">缴款汇总报表</el-menu-item>
                            <el-menu-item index="2-2" @click="jumpTo(4)">缴款汇总报表—从化站</el-menu-item>
                            <el-menu-item index="2-3" @click="jumpTo(5)">缴款明细报表</el-menu-item>
                            <el-menu-item index="2-4" @click="jumpTo(6)">联网售票汇总报表</el-menu-item>
                            <el-menu-item index="2-5" @click="jumpTo(7)">7</el-menu-item>
                            <el-menu-item index="2-6" @click="jumpTo(8)">8</el-menu-item>
                            <el-menu-item index="2-7" @click="jumpTo(9)">9</el-menu-item>
                            <el-menu-item index="2-8" @click="jumpTo(10)">10</el-menu-item>
                            <el-menu-item index="2-9" @click="jumpTo(11)">11</el-menu-item>
                            <el-menu-item index="2-10" @click="jumpTo(12)">12</el-menu-item>
                            <el-menu-item index="2-11" @click="jumpTo(13)">13</el-menu-item>
                            <el-menu-item index="2-12" @click="jumpTo(14)">14</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="3">
                        <template slot="title">
                            <img src="../../assets/imgs/menu_icon_dianzikepiao_default.png" alt="">&nbsp;
                            <span>电子客票</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="3-1" @click="jumpTo(15)">电子客票明细表</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="4">
                        <template slot="title">
                            <img src="../../assets/imgs/inquire_icon_diaodu_default.png" alt="">&nbsp;
                            <span>调度模块</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="4-1" @click="jumpTo(16)">班次计划明细报表</el-menu-item>
                            <el-menu-item index="4-2" @click="jumpTo(17)">出站记录明细报表</el-menu-item>
                            <el-menu-item index="4-3" @click="jumpTo(18)">发班明细报表</el-menu-item>
                            <el-menu-item index="4-4" @click="jumpTo(19)">特检明细报表</el-menu-item>
                            <el-menu-item index="4-5" @click="jumpTo(20)">停班原因报表</el-menu-item>
                            <el-menu-item index="4-6" @click="jumpTo(21)">用户发班汇总报表</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="5">
                        <template slot="title">
                            <img src="../../assets/imgs/menu_icon_jigou_default.png" alt="">&nbsp;
                            <span>基础数据</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="5-1" @click="jumpTo(22)">22</el-menu-item>
                            <el-menu-item index="5-2" @click="jumpTo(23)">23</el-menu-item>
                            <el-menu-item index="5-3" @click="jumpTo(24)">24</el-menu-item>
                            <el-menu-item index="5-4" @click="jumpTo(25)">25</el-menu-item>
                            <el-menu-item index="5-5" @click="jumpTo(26)">26</el-menu-item>
                            <el-menu-item index="5-6" @click="jumpTo(27)">27</el-menu-item>
                            <el-menu-item index="5-7" @click="jumpTo(28)">28</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="6">
                        <template slot="title">
                            <img src="../../assets/imgs/menu_icon_jigou_default.png" alt="">&nbsp;
                            <span>实名制管理</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="6-1" @click="jumpTo(29)">旅客乘车记录</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="7">
                        <template slot="title">
                            <img src="../../assets/imgs/inquire_icon_shoupiao_default.png" alt="">&nbsp;
                            <span>售票模块</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="7-1" @click="jumpTo(30)">废票明细报表</el-menu-item>
                            <el-menu-item index="7-2" @click="jumpTo(31)">改签明细报表</el-menu-item>
                            <el-menu-item index="7-3" @click="jumpTo(32)">联网订售票汇总报表</el-menu-item>
                            <el-menu-item index="7-4" @click="jumpTo(33)">联网订售票明细报表</el-menu-item>
                            <el-menu-item index="7-5" @click="jumpTo(34)">联网退票明细报表</el-menu-item>
                            <el-menu-item index="7-6" @click="jumpTo(35)">漏乘漏检明细表</el-menu-item>
                            <el-menu-item index="7-7" @click="jumpTo(36)">售票汇总报表</el-menu-item>
                            <el-menu-item index="7-8" @click="jumpTo(37)">售票汇总统计报表</el-menu-item>
                            <el-menu-item index="7-9" @click="jumpTo(38)">售票明细报表</el-menu-item>
                            <el-menu-item index="7-10" @click="jumpTo(39)">退票明细报表</el-menu-item>
                            <el-menu-item index="7-11" @click="jumpTo(40)">外站售票汇总报表</el-menu-item>
                            <el-menu-item index="7-12" @click="jumpTo(41)">线路售票报表</el-menu-item>
                            <el-menu-item index="7-13" @click="jumpTo(42)">预售明细报表</el-menu-item>
                            <el-menu-item index="7-14" @click="jumpTo(43)">站点售票报表</el-menu-item>
                            <el-menu-item index="7-15" @click="jumpTo(44)">站内订票明细报表</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="8">
                        <template slot="title">
                            <img src="../../assets/imgs/menu_icon_jigou_default.png" alt="">&nbsp;
                            <span>移动支付</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="8-1" @click="jumpTo(45)">威富通退款订单对账表</el-menu-item>
                            <el-menu-item index="8-2" @click="jumpTo(46)">威富通支付订单对账表</el-menu-item>
                            <el-menu-item index="8-3" @click="jumpTo(47)">移动支付订单对账表</el-menu-item>
                            <el-menu-item index="8-4" @click="jumpTo(48)">移动支付订单明细表</el-menu-item>
                            <el-menu-item index="8-5" @click="jumpTo(49)">移动支付订单日汇总表</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="10">
                        <template slot="title">
                            <img src="../../assets/imgs/menu_icon_youhui_default.png" alt="">&nbsp;
                            <span>优惠券模块</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="10-1" @click="jumpTo(61)">优惠券使用明细报表</el-menu-item>
                            <el-menu-item index="10-2" @click="jumpTo(62)">优惠券销售明细报表</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>



                </el-menu>
            </el-col>

            <!-- 路由 -->
            <el-col :span="20" class="router-container">
                <router-view @sendActive="getActive"></router-view>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
        data: function(){
            return {
                dfActive:"1-1"
            }
        },
        methods:{
            jumpTo(i){
                switch(i){
                    case 1:this.$router.push("/index/statement/insuranceSum");break;
                    case 2:this.$router.push("/index/statement/insuranceDetails");break
                    case 16:this.$router.push("/index/statement/BanCiPalyReport");break;
                    case 17:this.$router.push("/index/statement/OutStationNoteReport");break;
                    case 18:this.$router.push("/index/statement/FaBanReport");break;
                    case 19:this.$router.push("/index/statement/SpecialNoteReport");break;
                    case 20:this.$router.push("/index/statement/StopBanReport");break;
                    case 21:this.$router.push("/index/statement/UserFaBanSumReport");break;

                    case 45:this.$router.push("/index/statement/WeiFuTongRefundReport");break;
                    case 46:this.$router.push("/index/statement/WeiFuTongPayReport");break;
                    case 47:this.$router.push("/index/statement/MobilePayDuiZhang");break;
                    case 48:this.$router.push("/index/statement/MobilePayNoteReport");break;
                    case 49:this.$router.push("/index/statement/MobilePayDaySumReport");break;

                    case 29:this.$router.push("/index/statement/peopleRiding");break;
                    case 30:this.$router.push("/index/statement/delectTicketDetails");break;
                    case 31:this.$router.push("/index/statement/ticketChangingDetails");break;
                    case 32:this.$router.push("/index/statement/netBookSellSum");break;
                    case 33:this.$router.push("/index/statement/netBookSellDetails");break;
                    case 34:this.$router.push("/index/statement/netRefundDetails");break;
                    case 35:this.$router.push("/index/statement/leakGetCheckDetails");break;
                    case 36:this.$router.push("/index/statement/sellSum");break;
                    case 37:this.$router.push("/index/statement/sellSumStatistical");break;
                    case 38:this.$router.push("/index/statement/sellSumDetails");break;
                    case 39:this.$router.push("/index/statement/refundDetails");break;
                    case 40:this.$router.push("/index/statement/outerStationSellSun");break;
                    case 41:this.$router.push("/index/statement/roadSell");break;
                    case 42:this.$router.push("/index/statement/bookDetails");break;
                    case 43:this.$router.push("/index/statement/stationSell");break;
                    case 44:this.$router.push("/index/statement/innerStationbookDetails");break;
                    case 61:this.$router.push("/index/statement/couponsUsed");break;
                    case 62:this.$router.push("/index/statement/couponsSell")


                }
            },

            getActive(val){
                this.dfActive = val;
                //console.log(this.dfActive)
            }
        },
        computed: {},
        watch: {},
        mounted() {
            this.$emit("sendTag", 8);
        }
    }
</script>
<style scoped>
</style>